<template>
  <div style="width: 100%;height: 100%;  ">
    <el-descriptions :column="1" border @click="handleClick">
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i>
          姓名
        </template>
        <span style="font-weight: bold;font-size: 18px;">{{NodesData.receiverName}}</span>
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-office-building"></i>
          部门
        </template>
        <!-- <span style="font-weight: bold;font-size: 18px;">{{ NodesData.deptName }}</span> -->
        <el-tag type="success" style="font-size: 18px;" >{{NodesData.deptName}}</el-tag>

      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-edit"></i>
          角色
        </template>
        <!-- <span style="font-weight: bold;font-size: 18px;">{{ NodesData.roleName }}</span> -->
        <el-tag style="font-size: 18px;">{{NodesData.roleName}}</el-tag>
      </el-descriptions-item>
      <!-- <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-document-delete"></i>
          是否销毁
        </template>
        <el-tag type="danger" style="font-size: 18px;"> 否</el-tag>
      </el-descriptions-item> -->
    </el-descriptions>
  </div>
</template>
<script>

export default {
  data() {
    return {
      NodesData:{}
    }
  },
  inject: ['getNode'],
  mounted() {
    this.NodesData=this.getNode().data

  },
  methods:{
    handleClick(){

    }
  }
}
</script>
<style lang="scss" scoped>
/deep/ .el-descriptions-item__label.is-bordered-label{
  font-size: 19px;
}
</style>